<template>
  <div style="position: relative">
    <h3>test Vue 3 Teleport2</h3>
    <div>
      <button @click="open = true">Open full screen modal!</button>
      <button @click="open2 = true">Open full screen modal2222!</button>
      <ModalButton2 v-model:open="open"></ModalButton2>
      <ModalButton2 v-model:open="open2"></ModalButton2>
    </div>
  </div>
</template>

<script>
import ModalButton2 from "../common/ModalButton2.vue";
export default {
  data() {
    return {
      open: false,
      open2: false,
    };
  },
  components: {
    ModalButton2,
  },
};
</script>

<style>
</style>